<div id="home-wrapper">
	<div id="home-top" class="home-top">
		<div data-role="navbar" class="home-navList-wrapper">
		  <ul>
		    <li><a data-theme="q" onClick="switchBarsView('list');"class="ui-btn-active"><img src="/media/images/listBlackIcon.png"/> Liste des bars</a></li>
		    <li><a onClick="displayMap();" data-theme="q"><img src="/media/images/pinBlackIcon.png"/> Placer sur la carte </a></li>
		  </ul>
		</div>
  </div>
	<div id="home-barWrapper">
	  <div id="home-bars-listview">
		  <ul data-role="listview" data-theme="j" id="mylist">
		     {% for bar in bars %}
		       <li>
		         <a href="{{bar.url}}">
		           <img src="/media/images/bars/{{ bar.picturePath }}"/>
		           <h4>{{ bar.name }}</h4> <p>Pub {% if bar.distance %}- {{ bar.distance|escape }} m{% endif %}</p>
		         </a>
		       </li>
		     {% endfor %}
		  </ul>
		</div>
		<div id="home-bars-mapview">

		</div>
	</div>
	<br/>
</div>
